<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="shortcut icon" href="pic/favicon.ico">
    <link rel="icon" type="image/gif" href="pic/animated_favicon1.gif">
	<link rel='stylesheet' href='css/OpspLayout.css'/>
    <title>Log in to C3 Toolkit</title>
	<script src="scripts/ajax_update.js" language="javascript" type="text/javascript"></script>	
</head>
<body>
	<div id="container">
		
		<div id="header">
			<div id="logo"></div>
			<div id="title"><h1>C3 Toolkit</h1></div>

			<div id="nav">
				<a href="http://www.umich.edu/~opsp">About OPSP</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="">OPSP Blog</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
				Login to C3</div>

			<div id="corner"></div>
		</div>


		<div id="content">
			<div class="actionBox">
				<div id="message"></div>
				<form name="redirectForm" action="myhome.php" method="GET"></form>

				<div class="abHeader"><h3>Log In</h3></div>
				<div class="abContents">
					<table class="inputTable">
						<tr><td class="l"><h4>User Name</h4></td>	<td><input type="text" id="username" /></td></tr>
						<tr><td class="l"><h4>Password</h4></td>	<td><input type="password" id="password" /></td></tr>
						<tr><td> </td>			<td><input type="submit" value="Log In" class="button" name="submit" onClick="callAjax('login', catch_redirect, '&username='+document.getElementById('username').value+'&password='+document.getElementById('password').value, 'Attempting to log you in...');"/></td></tr>
						<tr><td> </td>			<td>Not a member yet?<a href="register.php">Register here</a></td></tr>
					</table>
				</div>
				<div class="abFooter"></div>
			</div>
		</div>

		
	<div id="footer">v0.2.23 - 5/27/10 &copy; Abe Gong</div>
	</div>
</body> 
</html> 

